.right_music_state {
  z-index: 2000;
  position: absolute;
  top: 0;
  right: 0;
  width: 15em;
  height: 100%;

  .hover_light {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
    opacity: 0.05;
    transition: opacity .3s;

    &:hover {
      opacity: 1;
    }
  }
}

.right_music_list_box {
  position: absolute;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: transform .8s;
  background-image: linear-gradient(90deg, rgba(99, 99, 99, .1), rgba(99, 99, 99, .1) 1px, transparent 0, transparent), linear-gradient(90deg, hsla(0, 0%, 100%, .1) -20%, transparent 15%), linear-gradient(0deg, hsla(0, 0%, 100%, .1), transparent 25%);
  background-color: rgba(0, 0, 0, 0.8);
  // -webkit-backdrop-filter: blur(3px);
  // backdrop-filter: blur(3px);

  .music_state {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    color: #fff;
  }
}

.right_main_drawer {
  .ant-drawer-header {
    border-bottom: none;
  }
}